"use client"

//import { useEffect, useState } from "react";
import Greeting from "@/components/Greeting";

interface User {
  id: number;
  name: string;
  email: string;
}

export default function Home() {
  // const [user, setUser] = useState<User | null>(null);
  // const [loading, setLoading] = useState(true);
  // const [error, setError] = useState<string | null>(null);

  // useEffect(() => {
  //   const fetchUser = async () => {
  //     try {
  //       setLoading(true);
  //       //模拟网络请求
  //       await new Promise((resolve) => setTimeout(resolve, 2000));
  //       const fetchUser: User = {
  //         id: 1,
  //         name: "张三",
  //         email: "123@qq.com",
  //       }
  //       setUser(fetchUser);
  //     } catch (err) {
  //       setError("用户加载失败！")
  //     } finally {
  //       setLoading(false);
  //     }
  //   };

  //   fetchUser();
  // }, []);

  // if (loading) {
  //   return <div>加载中...</div>;
  // }

  // if (error) {
  //   return <p style={{ color: 'red' }}>错误：{error}</p>;
  // }

  // if (!user) {
  //   return <div>没有找到用户</div>
  // }

  // return (
  //   <>
  //     <h1>用户资料</h1>
  //     <div>姓名：{user.name}</div>
  //     <div>邮箱：{user.email}</div>
  //   </>
  // )

  return (
    <main>
      <h1>欢迎来到我的 Next.js 教程！</h1>
      <p>这是一个使用 Next.js 构建的简单首页。</p>
      <Greeting name="Next.js 开发者" />
    </main>
  )
}
